let uu = document.querySelector('ul')
let foot = document.querySelector('.footer')
let span = document.querySelector('span')
let xie = document.querySelector('.xie>b:nth-of-type(1)')
fetch('http://chst.vip:1234/api/getcategorytitle')
    .then(body => body.json())
    .then(res => {
        // console.log(res)
        render(res.result, uu)
    })
function render(data, el) {
    // console.log(data,el)
    let domStr = ''
    data.forEach(item => {
        // console.log(item.title)
        domStr += `<li titleid=${item.titleId}>${item.title}
        <div class="categorys"></div>
        </li>`
        el.innerHTML = domStr
    })
}

uu.onclick = function (e) {
    if (e.target.localName === 'li') {
        let _this = e.target
        let titleid = _this.getAttribute('titleid')
        titleid = Number(titleid)
        // console.log(titleid)
        fetch("http://chst.vip:1234/api/getcategory?titleid=" + titleid)
            .then(body => body.json())
            .then(res => {
                // console.log(res)
                let listArr = res.result
                let listStr = ''
                listArr.forEach(item => {
                    // let dv = document.createElement('div')
                    listStr += `<div><a href = "./../html/bijiaxiangxiang.html?name=${item.category}&categoryid=${item.categoryId}"><p>${item.category}</p></a></div>`
                    $(_this).find('.categorys').html(listStr)
                })
                // uu.innerHTML=listStr
            })
    }
    //  else if (e.target.localName == 'p') {
    //     // console.log(e.target)
    //     if (e.target.localName == 'p') {
    //         let _this = e.target
    //         console.log(_this)
    //         let id = _this.getAttribute('categoryid')
    //         console.log(id);
    //         location.href = "./../html/bijiaxiangxiang.html?categoryid=" + id
    //         id = Number(id)
    //         console.log(id)

    //     }
    // }

}




xie.onclick = function () {
    location.href = "./../index.html"
}
span.onclick = function () {
    location.href = "./../index.html"
}
foot.onclick = function () {
    location.href = "./../index.html"
}

$('.uu').find('.categorys').slideUp(0, function () {
    $('.categorys').css('display', 'none')
    $('.categorys').prop('flag', false)
})
$('.uu').on('click', 'li', function () {
    console.log(this)
    let flag = $(this).find('.categorys').prop('flag')
    if (flag) {
        $(this).find('.categorys').slideUp(500).prop('flag', false)
        return
    }
    $(this).find('.categorys').slideDown(500).prop('flag', true).parent().siblings().find('.categorys').slideUp(500).prop('flag', false)
})




